A landing hero for "Ledger", bookkeeping for freelancers. Wa
DesignA reusable community design ready to preview and make your own.
by Tony Lea
Works with:
The AI Website Builder for Developers
Websites at the speed of thought
Create a , or website
Templates
Start with a template
Every template is a real codebase — Blade components, Tailwind, and JSON content. Open one, change anything, and make it your own.
Describe and watch it build
Build with AI
Pick from the world's top AI models, describe what you want, and watch it write real files right in your browser. Every change lands as code you can read, edit, and keep.
DevDojo Sites
A visual editor with real code underneath
Click any section and edit it in place, or flip to the code and change any file. Publish to the web, or export it and drop it into your Laravel app.
- Visual editing
- Point at a section, change the words, swap the image. No code required.
- Code when you want it
- A full editor over your site's actual files — every change round-trips.
- AI in the loop
- Describe a page or a change and watch it appear in the live preview.
- Publish in one click
- Live on the web in seconds, on your own domain or ours.
DevDojo Designs
One prompt away from a beautiful design
Heroes, pricing tables, full pages. Simply describe the design you want and get real HTML, CSS, and JS on a live canvas. Choose your favorite model.
A modern looking coffee shop hero section and header
DesignA reusable community design ready to preview and make your own.
by Tony Lea
A nice and modern hero section for a real estate website
DesignA reusable community design ready to preview and make your own.
by Tony Lea
Components
Building blocks for your project
Blade and Alpine components that get copied into your codebase. Style them, extend them, and keep them forever.
Date Picker
x-date-picker
A calendar date picker bound to a read-only input, with month navigation, today/selected highlighting and several display formats. The calendar is teleported so it never clips. Works with wire:model.
Slider
x-slider
A range slider for picking a value within a range. Themed with the primary accent color across browsers, with an optional label and live value readout. Works with wire:model.
OTP Input
x-otp
A segmented one-time-code input with auto-advance, backspace and arrow-key navigation, and paste-to-fill. Works with wire:model or a plain form field, and can fire an event when complete.
Rating
x-rating
An interactive star rating with hover preview and click-to-set (click the current value again to clear). Read-only mode for display. Works with wire:model or a plain form field.
Toggle
x-toggle
An animated switch control for boolean settings, with label, description, and three sizes. Works with wire:model. Announced as a switch (role="switch" on the underlying checkbox) to assistive technology.
Select
x-select
A styled native select with an optional label, placeholder and automatic validation errors. Pass <option> elements as the content. Works with wire:model.
Projects on GitHub
Open Source
DevDojo runs on a lot of free and open source tools we've built. The same code powering this platform can power your next project.
Wave
SaaS starter
The SaaS starter kit — auth, billing, subscriptions, and an admin, ready on day one.
Pines
UI library
An Alpine and Tailwind UI library of interactions you can drop into any project.
Auth
Laravel package
Plug-and-play authentication for Laravel — login, registration, 2FA, and social.
Components
Blade + Alpine
Blade and Alpine components you copy into your codebase and own outright.
Pocketknife
Blade engine
A portable Blade engine written in Go — it renders every published DevDojo Site.
Tails
Page builder
The drag-and-drop Tailwind page builder that started it all.
Blocks
UI blocks
Hundreds of ready-made Tailwind blocks for landing pages and marketing sites.
Static
Site generator
A refreshingly simple static site generator with modern tooling.